<?php
require('clases/role.class.php');
$objRole = new Role;
$consulta = $objRole->mostrar_roles();
?>
<script type="text/javascript">
    $(document).ready(function(){
        // mostrar formulario de actualizar datos
        $("table tr .modi a").click(function(){
            $('#tabla').hide();
            $("#formulario").show();
            $.ajax({
                url: this.href,
                type: "GET",
                success: function(datos){
                    $("#formulario").html(datos);
                }
            });
            return false;
        });
	
        // llamar a formulario nuevo
        $("#nuevo a").click(function(){
            $("#formulario").show();
            $("#tabla").hide();
            var url=$(this).attr("href");
            $.ajax({
                type: "GET",
                url: url,
                success: function(datos){
                    $("#formulario").html(datos);
                }
            });
            return false;
        });
    });

    function mostrar_div(id)
    {
        alert(id);
        div = document.getElementById('opciones');				
        div.style.display='';

    }
	
    function ocultar_div()
    {
		
        div = document.getElementById('opciones');				
        div.style.display='none';

    }
    function permisosss(){

        document.getElementById('contenido').src='permisos_roles.php';
    }


</script>
<style>
    #ver{
        visibility:visible;
    }
    #ocultar{
        visibility:hidden;
        display:none;
    }
</style>
<div id="container">

    <div id="demo">
        <span id="nuevo"><a href="nrole.php?v=<?php echo rand(0, 100);?>"><img src="img/add.png" alt="Agregar Rol" />Agregar</a></span><br/><br/>
        <table id="example" class="display">
            <thead>
                <tr>
                    <th>Roles</th>
                    <th>Descripci&oacute;n</th>           
                    <th>Editar</th>
                    <th>Eliminar</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                <?php
                if ($consulta) {
                    while ($role = mysql_fetch_array($consulta)) {
                        ?>

                        <tr id="fila-<?php echo $role['id'] ?>">
                            <td><?php echo $role['role'] ?></td>
                            <td><?php echo $role['descripcion'] ?></td>			  			  
                            <td class="center">

                                <span class="modi"><?php if ($role['role'] != "Administrador") { ?><a href="actrole.php?id=<?php echo $role['id'] ?>"><img src="img/database_edit.png" title="Editar" alt="Editar" /></a> <?php } ?></span></td>
                            <td class="center"><span class="dele">
                                    <?php if ($role['role'] != "Administrador") { ?><a onClick="EliminarRole(<?php echo $role['id'] ?>); return false" href="sprrole.php?id=<?php echo $role['id'] ?>"><img src="img/delete.png" title="Eliminar" alt="Eliminar" /></a>
                                    <?php } ?></span></td>
                            <td class="center">
                                <?php if ($role['role'] != "Administrador") { ?><a onClick="Javascript: permisosss(); return false" href="permisos_roles.php?rol=<?php echo $role['id'] ?>"><img width="24px" src="images/keys.png" title="Editar" alt="Editar" /></a> <?php } ?></td>
                        </tr>
                        <?php
                    }
                }
                ?>
            </tbody>
        </table>  
    </div>

    <div class="spacer"></div>


</div>
</div>

<iframe id="actiones" frameborder="1" scrolling="auto" style="visibility:hidden; display:none">
</iframe>

<script language="javascript" type="application/javascript">
    function permisos(){
    document.getElementById('actiones').className="ver";
    }
</script>
